<template>
  <div>
    <h2>App</h2>
    <h3>
      fu ￥{{ money }}
      <button @click="getMoney">get money</button>
    </h3>
    <SonCom @changeMoney="changeMoney" message="this is a message" :money="money"></SonCom>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import SonCom from './components/SonCom.vue'

const money = ref(100)

const getMoney = () => {
  money.value += 10
}
const changeMoney = (newMoney) => {
  money.value = newMoney
}
</script>
